<template>
  <div class="h100">
    <div class="layout-container">
        <router-view v-if="routePath && routePath.meta && routePath.meta.activePath" :key="routePath.meta.activePath"></router-view>
    </div>
  </div>
</template>

<script>
import { reactive, toRefs, onMounted, nextTick  } from 'vue'
import { useRoute } from 'vue-router'
export default {
    name: 'homeIndex',
    setup() {
        const route = useRoute()
        const state = reactive({
            routePath: {}
        })
        onMounted(() => {
            nextTick(() => {
                state.routePath = route
            })
        })
        return {
            ...toRefs(state)
        }
    }
}
</script>

<style lang="scss">
.h100{
    min-height: 100vh;
}
</style>